@import './variables.module.scss';

.page-main{
  // margin: 24px 24px 24px 24px;
  // background-color: white;
  border-radius: 2px;
  .layout-padding-view{
    padding: 15px;
  }
  .header{
    border-bottom: 1px solid whitesmoke;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:15px;
    margin-bottom: 15px;
    .title{
      font-size: 18px;
      color: $titleColor;
      font-weight:bold;
      // line-height: 40px;
      // margin-left: 20px;
      margin-bottom: 0;
    }
    .tool{
      margin-right: 20px;
      line-height: 40px;
    }
  }
  .page-container{
    // padding:
  }
}
@media screen and (max-width: 786px) {
  .page-main{
    .header{
      display:block;
      .tool{margin:0 20px;}
    }
  }
}
//搜索栏
.search-form{
  padding:0 15px;
  &.el-form--inline{
    .el-form-item{display:flex; width: 100%;margin-bottom:15px;margin-right:0px;height:32px;}
    .el-form-item__content{display:block;flex:1;}
    .el-form-item__label{padding:0}
    .el-cascader{display:block;}
    .el-select,.el-date-editor--daterange.el-input__inner{width:100%;}
    
  }
  .search-cascader{
    .el-input .el-input__inner{height:32px!important;}
  }
  // .el-button--default{
  //   border-color:$mainColor;color:$mainColor;
  //   &:hover{
  //       border-color:$mainColor;
  //   }
  // }
}
//弹窗表单
.dialog{
  &-form{
    .el-col{margin-bottom:18px;}
    .el-select,.el-date-editor.el-input{width:100%;}
    .el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus{
      border-color:#dcdfe6;
    }
    .el-form{
      // .el-form-item__label{text-align:left;}
      .no-label{
        .el-form-item__content{margin-left:0 !important;}
      }
    }
    .dialog-footer{text-align:center;}
    .el-dialog__body{
      max-height:600px;
      overflow:auto;
    }
    .form-title{
      display:flex;justify-content: space-between;margin:15px 0;padding-bottom:10px;border-bottom:1px solid $lineColor;
      h4{margin:0;font-size:16px;color:#303133;}
      &:first-child{
        margin-top:0;
      }
    }
    .el-form-item.is-error{
      .el-input__inner:focus,.el-textarea__inner:focus{
        border-color:$mainColor;
      }
      .el-textarea__inner{
        border-color:#dcdfe6;
      }
    }
    .el-form-item--small{
      .el-form-item__content{
        height:32px;
      }
      &.height-auto{
        .el-form-item__content{
          height:auto;
        }
      }
    }
    .check-group{
      &::after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
      }
      .el-checkbox{
        float:left;
        .el-checkbox__label{
          line-height:16px;
        }
      }
    }
  }
}
.page-main-lr{
  .flex-wrap{
    display:flex;justify-content: space-around;align-items: stretch;height:100%;
    .content-wrap{
      flex:1;overflow:hidden;text-align:center;height:100%;
      .el-scrollbar__view{padding-right:20px;}
    }
  }
  .el-scrollbar{
    overflow-y: auto;
  }
  .el-scrollbar__wrap{overflow-x: hidden;}
  .form-search{  
     width:320px;padding-left:20px;margin-left:0px;border-left:1px solid $lineColor;
    .el-form .el-form-item{
      height:auto;
      .el-button{margin: 0 8px 8px 0;}
    }
  }
  .collapse-search{
    position:absolute;z-index:10;right:0;top:50%;transform:translateY(-50%);padding:16px 2px;background:$mainColor;color:#fff;border-radius:4px 0 0 4px;cursor:pointer;
  }
}